.editor{
  position: relative;
  color: #000;
  float: right;
  height: 100%;
}

@titleHeight : 46px;
@titlePaddingRight : 80px;
@titlePaddingLeft : 40px;
@titlePaddingBottom : 10px;
.editor-title{
  background: #ffffff;
  border: none;
  width: calc(100% - (@titlePaddingRight + @titlePaddingLeft));
  height: @titleHeight;
  padding: 0 @titlePaddingRight @titlePaddingBottom @titlePaddingLeft;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  -webkit-appearance: none;
}
@toolBarHeight : 40px;
.editor-tool-bar{
  height: @toolBarHeight;
  background: #d9d9d9;
  border-bottom: 1px solid #ccc;
}

@textPaddingTop : 40px;
@textPaddingBottom : 80px;
.editor-tool-text{
  color: #333;
  padding: @textPaddingTop @textPaddingTop @textPaddingBottom @textPaddingTop;
  border: none;
  display: block;
  outline-style: none;
  resize:none;
  width: calc(100% - (@textPaddingTop * 2));
  height: calc(100% - (@titleHeight + @titlePaddingBottom + @toolBarHeight + @textPaddingTop + @textPaddingBottom));
  background: #ffffff;
}


@editorToolItemLH : @toolBarHeight / 3;

.editor-tool-item{
  display: inline-block;
  padding: @editorToolItemLH;
  line-height: @editorToolItemLH;
  cursor: pointer;
}

.Submit{
  position: absolute;
  right: 20px;
}
